<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="assets/images/favicon.png" type="image/png">
    <title>Home</title>

    <!--Begin  Page Level  CSS -->
    <link href="assets/plugins/morris-chart/morris.css" rel="stylesheet">
    <link href="assets/plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet"/>
    <!--End  Page Level  CSS -->
    <link href="assets/css/icons.css" rel="stylesheet">
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/style.css" rel="stylesheet">
    <link href="assets/css/responsive.css" rel="stylesheet">
    <link href="assets/css/pagination.css" rel="stylesheet">
    <link rel="stylesheet" href="assets/layui/css/layui.css">


</head>

<body class="sticky-header">


<!--开始左边的菜单栏-->
<div class="left-side sticky-left-side">

    <!--上方的logo-->
    <div class="logo">
        <a href="index.html"><img src="assets/images/logo.png" alt=""></a>
    </div>

    <div class="logo-icon text-center">
        <a href="index.html"><img src="assets/images/logo-icon.png" alt=""></a>
    </div>
    <!--logo-->

    <div class="left-side-inner">
        <!--Sidebar nav-->
        <ul class="nav nav-pills nav-stacked custom-nav">
            <li class="menu-list nav-active"><a href="preIndex.html"><i class="icon-home"></i> <span>后台管理</span></a>
                <ul class="sub-menu-list">
                    <li class="active"><a href="preIndex.html">后台首页</a></li>
                </ul>
            </li>
            <li class="menu-list "><a href="index.html"><i class="icon-home"></i> <span>资讯管理</span></a>
                <ul class="sub-menu-list">
                    <li class="active"><a href="index.html">查看当前资讯</a></li>
                    <li><a href="modify_information.html">修改资讯</a></li>
                </ul>
            </li>

            <li class="menu-list "><a href="#"><i class="icon-layers"></i> <span>风景名胜管理</span></a>
                <ul class="sub-menu-list">
                    <li><a href="show_famous_scenery.html">查看现有的风景名胜</a></li>
                    <li><a href="modify_famous_scenery.html">修改风景名胜</a></li>
                </ul>
            </li>

            <li class="menu-list"><a href="#"><i class="icon-grid"></i> <span>美食管理</span></a>
                <ul class="sub-menu-list">
                    <li><a href="show_delicious_food.html">查看现有的美食</a></li>
                    <li><a href="modify_delicious_food.html">修改美食信息</a></li>
                </ul>
            </li>

            <li class="menu-list "><a href="#"><i class="icon-envelope-open"></i> <span>旅游路线管理</span></a>
                <ul class="sub-menu-list">
                    <li><a href="show_now_route.html">查看现有的路线</a></li>
                    <li><a th:href="modify_route.html">修改路线</a></li>
                </ul>
            </li>

            <li class="menu-list"><a href="#"><i class="icon-loop"></i> <span>酒店的管理</span></a>
                <ul class="sub-menu-list">
                    <li><a href="show_now_hotel.html">查看现有的酒店</a></li>
                    <li><a href="modify_now_hotel.html">查看所有酒店的全部订单</a></li>
                    <li><a href="form-wizard.html">查看全部酒店的房源信息</a></li>
                </ul>
            </li>

            <li class="menu-list "><a href="#"><i class="icon-film"></i> <span>用户管理</span></a>
                <ul class="sub-menu-list">
                    <li><a href="show_user.html">查看所有的用户</a></li>
                    <li><a href="add_user.html">增加用户</a></li>
                </ul>
            </li>


            <li class="menu-list"><a href="#"><i class="icon-lock"></i> <span>账户信息</span></a>
                <ul class="sub-menu-list">
                    <li><a href="admin_information.html"> 查看信息 </a></li>
                    <li><a href="midityPassWord.html"> 修改密码 </a></li>
                </ul>
            </li>

            <li><a href="calendar.html"><i class="icon-note"></i> <span>网站首页</span></a></li>
            <li><a href="http://www.pzhu.edu.cn/"><i class="icon-wrench"></i> <span>攀枝花简介</span></a></li>

        </ul>
        <!--侧边栏结束-->

    </div>
</div>
<!--End left side menu-->

<!-- 中间面板开始-->
<div class="main-content">

    <!-- 中间头部开始-->
    <div class="header-section">

        <!--控制侧边栏的伸缩状态-->
        <a class="toggle-btn"><i class="fa fa-bars"></i></a>

        <!--头部右边框的信息-->
        <div class="menu-right" th:fragment="userAdminInfo">
            <ul class="notification-menu">
                <!--用户信息的下拉框-->
                <li>
                    <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        <img th:src="${userAdminInfo.getHeadImg()}"  alt=""/>
                        <span th:text="${userAdminInfo.getNickName()}"></span>
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                        <li><a href="admin_information.html"> <i class="fa fa-wrench"></i> 账户信息 </a></li>
                        <li><a href="midityPassWord.html"> <i class="fa fa-user"></i> 修改密码 </a></li>
                        <li><a href="#"> <i class="fa fa-info"></i>帮助</a></li>
                        <li><a><i class="fa fa-lock"></i>退出登录</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>


    <div class="wrapper">
        <!--Start Page Title-->
        <div class="page-title-box">
            <h4 class="page-title">攀枝花智慧旅游-后台管理系统 </h4>
            <ol class="breadcrumb">
                <li>
                    <a href="#">管理系统</a>
                </li>

                <li class="active">
                    基本信息
                </li>
            </ol>
            <div class="clearfix"></div>
        </div>
        <!--End Page Title-->

        <!--Start row-->
        <div class="row">
            <div class="container">
                <div class="analytics-box">

                </div>
            </div>
        </div>
        <!--End row-->

        <!--Start row-->
        <div class="row">
            <!--Start info box-->
            <div class="col-md-3 col-sm-6">
                <div class="info-box-main">
                    <div class="info-stats">
                        <p>1250</p>
                        <span>酒店预订数据 </span>
                    </div>
                    <div class="info-icon text-primary ">
                        <i class="mdi mdi-cart"></i>
                    </div>
                    <div class="info-box-progress">
                        <div class="progress">
                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="48"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 48%;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--End info box-->

            <!--Start info box-->
            <div class="col-md-3 col-sm-6">
                <div class="info-box-main">
                    <div class="info-stats">
                        <p>2300</p>
                        <span>注册用户人数</span>
                    </div>
                    <div class="info-icon text-info">
                        <i class="mdi mdi-account-multiple"></i>
                    </div>
                    <div class="info-box-progress">
                        <div class="progress">
                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="48"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 48%;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--End info box-->

            <!--Start info box-->
            <div class="col-md-3 col-sm-6">
                <div class="info-box-main">
                    <div class="info-stats">
                        <p>5320</p>
                        <span>累计收益</span>
                    </div>
                    <div class="info-icon text-warning">
                        <i class="fa fa-dollar"></i>
                    </div>
                    <div class="info-box-progress">
                        <div class="progress">
                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="48"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 48%;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--End info box-->

            <!--Start info box-->
            <div class="col-md-3 col-sm-6">
                <div class="info-box-main">
                    <div class="info-stats">
                        <p>65</p>
                        <span>退款订单</span>
                    </div>
                    <div class="info-icon text-danger">
                        <i class="mdi mdi-weight"></i>
                    </div>
                    <div class="info-box-progress">
                        <div class="progress">
                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="48"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 48%;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--End info box-->

        </div>
        <!--End row-->

        <!--Start row-->
        <div class="row">
            <div class="col-md-12">
                <div class="white-box">
                    <h2 class="header-title">用户访问数量</h2>
                    <!--Start chart-->
                    <div class="col-md-9">
                        <canvas id="sharpLinechart" height="90"></canvas>
                    </div>
                    <!--End chart-->

                    <div class="col-md-3">
                        <div class="progress-main">
                            <span class="progress-text">酒店退房比例</span>
                            <span class="progress-stats">48%</span>
                            <div class="progress progress-sm">
                                <div style="width: 48%;" class="progress-bar"></div>
                            </div>
                        </div>

                        <div class="progress-main">
                            <span class="progress-text">上个月的订单</span>
                            <span class="progress-stats">60%</span>
                            <div class="progress progress-sm">
                                <div style="width: 60%;" class="progress-bar progress-bar-success"></div>
                            </div>
                        </div>

                        <div class="progress-main">
                            <span class="progress-text">纯收入比例</span>
                            <span class="progress-stats">22%</span>
                            <div class="progress progress-sm">
                                <div style="width: 22%;" class="progress-bar progress-bar-danger"></div>
                            </div>
                        </div>

                    </div>

                </div>
            </div>
        </div>
        <!--End row-->


        <!--Start row-->
        <div class="row">

            <!-- Start inbox widget-->
            <div class="col-md-4">
                <div class="white-box">
                    <h2 class="header-title">Inbox</h2>
                    <div class="inbox-widget inbox-scroll-list">

                        <div class="inbox-inner">
                            <a href="#">
                                <div class="inbox-item">
                                    <div class="inbox-img">
                                        <img src="assets/images/users/avatar-1.jpg" alt=""/>
                                    </div>

                                    <div class="inbox-item-info">
                                        <p class="author">John Doe</p>
                                        <p class="inbox-message">Lorem Ipsum which looks....</p>
                                        <p class="inbox-date">13:34 PM</p>
                                    </div>
                                </div>
                            </a>
                        </div>

                        <div class="inbox-inner">
                            <a href="#">
                                <div class="inbox-item">
                                    <div class="inbox-img">
                                        <img src="assets/images/users/avatar-2.jpg" alt=""/>
                                    </div>

                                    <div class="inbox-item-info">
                                        <p class="author">John Doe</p>
                                        <p class="inbox-message">Lorem Ipsum which looks....</p>
                                        <p class="inbox-date">13:34 PM</p>
                                    </div>
                                </div>
                            </a>
                        </div>


                        <div class="inbox-inner">
                            <a href="#">
                                <div class="inbox-item">
                                    <div class="inbox-img">
                                        <img src="assets/images/users/avatar-3.jpg" alt=""/>
                                    </div>

                                    <div class="inbox-item-info">
                                        <p class="author">John Doe</p>
                                        <p class="inbox-message">Lorem Ipsum which looks....</p>
                                        <p class="inbox-date">13:34 PM</p>
                                    </div>
                                </div>
                            </a>
                        </div>


                        <div class="inbox-inner">
                            <a href="#">
                                <div class="inbox-item">
                                    <div class="inbox-img">
                                        <img src="assets/images/users/avatar-4.jpg" alt=""/>
                                    </div>

                                    <div class="inbox-item-info">
                                        <p class="author">John Doe</p>
                                        <p class="inbox-message">Lorem Ipsum which looks....</p>
                                        <p class="inbox-date">13:34 PM</p>
                                    </div>
                                </div>
                            </a>
                        </div>


                        <div class="inbox-inner">
                            <a href="#">
                                <div class="inbox-item">
                                    <div class="inbox-img">
                                        <img src="assets/images/users/avatar-5.jpg" alt=""/>
                                    </div>

                                    <div class="inbox-item-info">
                                        <p class="author">John Doe</p>
                                        <p class="inbox-message">Lorem Ipsum which looks....</p>
                                        <p class="inbox-date">13:34 PM</p>
                                    </div>
                                </div>
                            </a>
                        </div>


                        <div class="inbox-inner">
                            <a href="#">
                                <div class="inbox-item">
                                    <div class="inbox-img">
                                        <img src="assets/images/users/avatar-6.jpg" alt=""/>
                                    </div>

                                    <div class="inbox-item-info">
                                        <p class="author">John Doe</p>
                                        <p class="inbox-message">Lorem Ipsum which looks....</p>
                                        <p class="inbox-date">13:34 PM</p>
                                    </div>
                                </div>
                            </a>
                        </div>

                        <div class="inbox-inner">
                            <a href="#">
                                <div class="inbox-item">
                                    <div class="inbox-img">
                                        <img src="assets/images/users/avatar-3.jpg" alt=""/>
                                    </div>

                                    <div class="inbox-item-info">
                                        <p class="author">John Doe</p>
                                        <p class="inbox-message">Lorem Ipsum which looks....</p>
                                        <p class="inbox-date">13:34 PM</p>
                                    </div>
                                </div>
                            </a>
                        </div>


                    </div>
                </div>
            </div>
            <!-- End inbox widget-->

            <!--Start chat widget-->
            <div class="col-md-4">
                <div class="white-box">
                    <h2 class="header-title">Chat</h2>

                    <div class="chat-widget">
                        <ul class="chat-scroll-list">
                            <li class="left">
                                <img src="assets/images/users/avatar-6.jpg" alt=""/>
                                <div class="chat-info">
                                    <a class="name" href="#">Jone Doe</a>
                                    <span class="datetime">6:12</span>
                                    <span class="message">
                                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit
                                        </span>
                                </div>
                            </li>

                            <li class="right">
                                <img src="assets/images/users/avatar-6.jpg" alt=""/>
                                <div class="chat-info">
                                    <a class="name" href="#">Jone Doe</a>
                                    <span class="datetime">6:12</span>
                                    <span class="message">
                                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit
                                        </span>
                                </div>
                            </li>

                            <li class="left">
                                <img src="assets/images/users/avatar-6.jpg" alt=""/>
                                <div class="chat-info">
                                    <a class="name" href="#">Jone Doe</a>
                                    <span class="datetime">6:12</span>
                                    <span class="message">
                                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit
                                        </span>
                                </div>
                            </li>

                            <li class="right">
                                <img src="assets/images/users/avatar-6.jpg" alt=""/>
                                <div class="chat-info">
                                    <a class="name" href="#">Jone Doe</a>
                                    <span class="datetime">6:12</span>
                                    <span class="message">
                                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit
                                        </span>
                                </div>
                            </li>

                        </ul>
                    </div>

                    <div class="row">
                        <div class="col-sm-12">
                            <div class="input-group">
                                <input class="form-control" placeholder="Say something" type="text">
                                <span class="input-group-btn">
                            <button class="btn btn-primary" type="button">Send</button>
                            </span></div>
                        </div>
                    </div>

                </div>
            </div>
            <!--End chat widget-->

            <!-- Start timeline-->
            <div class="col-md-4">
                <div class="white-box">
                    <h2 class="header-title">Latest Activity</h2>
                    <ul class="timeline timeline-compact">
                        <li class="latest">
                            <div class="timeline-date">Just Now</div>
                            <div class="timeline-title">Create New Page</div>
                            <div class="timeline-description">Lorem Ipsum generators on the tend to repeat.</div>
                        </li>

                        <li>
                            <div class="timeline-date">Just Now</div>
                            <div class="timeline-title">Back Up Theme</div>
                            <div class="timeline-description">Lorem Ipsum generators on the tend to repeat.</div>
                        </li>

                        <li>
                            <div class="timeline-date">Just Now</div>
                            <div class="timeline-title">Changes In The Structure</div>
                            <div class="timeline-description">Lorem Ipsum generators on the tend to repeat.</div>
                        </li>

                        <li>
                            <div class="timeline-date">Just Now</div>
                            <div class="timeline-title">New user register</div>
                            <div class="timeline-description">Lorem Ipsum generators on the tend to repeat.</div>
                        </li>

                    </ul>
                </div>
            </div>
            <!-- End timeline-->
        </div>
        <!--End row-->

    </div>
    <!-- End Wrapper-->

</div>


<!--Start  Footer -->
<footer class="footer-main">Copyright &copy; 2018.Company name All rights reserved.<a target="_blank"
                                                                                      href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
</footer>
<!--End footer -->

</div>
<!--End main content -->


<!--Begin core plugin -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/plugins/moment/moment.js"></script>
<script src="assets/js/jquery.slimscroll.js "></script>
<script src="assets/js/jquery.nicescroll.js"></script>
<script src="assets/js/functions.js"></script>
<!-- End core plugin -->

<!--Begin Page Level Plugin-->
<script src="assets/plugins/morris-chart/morris.js"></script>
<script src="assets/plugins/morris-chart/raphael-min.js"></script>
<script src="assets/plugins/jquery-sparkline/jquery.charts-sparkline.js"></script>
<script src="assets/pages/dashboard2.js"></script>
<script src="assets/plugins/chart-js/Chart.js"></script>
<!--End Page Level Plugin-->

<script>

</script>


</body>

</html>
